<!--
 续期详情
-->
<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backButtonClick($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>续期详情</ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content>
    <p class="topTotal" *ngIf="isShowTotal">共有{{dataModel && dataModel.length ? dataModel.length :'0'}}个续期保单</p>
    <div *ngIf="(!dataModel || dataModel.length === 0) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
    <ion-list>
        <ion-item *ngFor="let a of dataModel"  (click)="goToPolicysDetail(a.policyID,a.policyPayToDate,a.policyStatus,a.policyStatusCode,a.orphanType, a.agentCode)">
            <p class="itemTitle">下期应缴保费日 <span>{{a.payment*1000 | date:'yyyy/MM/dd'}}</span></p>
            <div class="itemContent" >
                <p >
                    <span>
                        保单号
                    </span>
                    <span class="item-value">{{a.policyID}}</span></p>
                <p style="display: flex;align-items: baseline">
                    <span>
                        主险名称
                    </span>
                    <span style="text-align: right;white-space:pre-wrap;padding-left: 14.82vw">{{a.mainRisk}}</span></p>
                <p>
                    <span>投保人</span>

                    <span class="item-value">
                        {{a.policyHolder}}
                        <i [ngClass]="{'male':a.sexPolicyHolder=='M','female':a.sexPolicyHolder=='F','':a.sexPolicyHolder==''}"></i>
                        <span>{{a.agePolicyHolder}}岁</span>
                    </span>
                </p>
                <p>
                    <span>被保险人 </span>
                    <span>
                        {{a.recognizee}}
                        <i  [ngClass]="{'male':a.sexRecognizee=='M','female':a.sexRecognizee=='F','':a.sexRecognizee==''}"></i>
                        <span>{{a.ageRecognizee}}岁</span>
                    </span>
                </p>
                <p>
                    <span>
                        保单生效日
                    </span>
                    <span class="time">
                        {{momentTime(a.policyValueDate*1000)}}
                    </span>
                </p>

            </div>
        </ion-item>
    </ion-list>
</ion-content>
